<?php
$this->title = '商品类目';
?>
<body class="m-cate">
<!--<div class="tab f-cb" id="J_sltTab">-->
<!--    <span data-type="1" class="z-on">品类</span>-->
<!--    <span data-type="2">品牌</span>-->
<!--    <a href="javascript:;">&nbsp;</a>-->
<!--</div>-->

<div class="list" id="J_sltCnt">
    <ul class="f-cb">
        <?php foreach($list as $k=>$v) {?>
        <li><a href="javascript:toProductList('<?=$list[$k]['cid']?>','<?=$shop_id?>');"><img src="<?=$v['img'] ?>" /><span><?=$v['name']?></span></a></li>
        <?php }?>
    </ul>
</div>
<!---->
<!--<div class="lft-nav">-->
<!--    <div id="J_transCate">-->
<!--        --><?php //foreach($oneCategory as $k=>$v) {?>
<!--           --><?php //if(empty($fid)) {?>
<!--                --><?php //if($k == 0) {?>
<!--                    <a data-id="--><?//=$v['fid']?><!--" href="category-list?shop_id=1001&fid=--><?//=$v['fid']?><!--" class="z-on">--><?//=$v['f_name']?><!--</a>-->
<!--                --><?php //} else {?>
<!--                    <a data-id="--><?//=$v['fid']?><!--" href="category-list?shop_id=1001&fid=--><?//=$v['fid']?><!--">--><?//=$v['f_name']?><!--</a>-->
<!--                --><?php //}?>
<!--            --><?php //} else {?>
<!--                --><?php //if($v['fid'] == $fid) {?>
<!--                    <a data-id="--><?//=$v['fid']?><!--" href="category-list?shop_id=1001&fid=--><?//=$v['fid']?><!--" class="z-on">--><?//=$v['f_name']?><!--</a>-->
<!--                --><?php //} else {?>
<!--                    <a data-id="--><?//=$v['fid']?><!--" href="category-list?shop_id=1001&fid=--><?//=$v['fid']?><!--">--><?//=$v['f_name']?><!--</a>-->
<!--                --><?php //}?>
<!--            --><?php //}?>
<!--        --><?php //}?>
<!--    </div>-->
<!--</div>-->

<div class="m-nav f-cb u-bg1">
    <a href="/">首页</a>
    <a href="javascript:;" class="z-on">分类</a>
    <a href="/web/cart/view?shop_id=<?= '1001'//yii::$app->session->get('shop_id')?>">购物车</a>
    <a href="/web/my">我的</a>
</div>

<script>

    var img = $('#J_sltCnt').find('img');
    img.height(img.eq(0).width()-2);


    // 点击类目跳转到商品列表页面
    function toProductList(cid,shop_id) {
        window.location.href = 'product-list?shop_id='+ shop_id + '&cid=' + cid;
    }
//
//    // 点击品牌跳转到商品列表页面
//    function toBrandProductList(brand_vid,shop_id) {
//        window.location.href = 'product-list?shop_id=' + shop_id + '&brand_vid=' + brand_vid;
//    }
//
//    // 创建品牌
//    function createDl(info){
//        var _opt = '';
//        for(var i in info){
//            var item = info[i], _a = '';
//            for(var k in item){
//                _a += '<a href="javascript:toBrandProductList('+ k +',<?//=$shop_id?>//)">'+ item[k]['name'] +'</a>\n';
//            }
//            if(_a !== '') _a = '<dt>'+ i +'</dt><dd>'+ _a +'</dd>';
//            _opt += _a;
//        }
//        if(_opt !== '') _opt = '<dl>\n'+ _opt +'</dl>\n';
//        return _opt;
//    }
//
//    // 创建品类
//    function createUl(info){
//
//        var _li = '';
//        for(var i in info){
//
//            _li += '<li><a href="javascript:toProductList('+ i +',<?//=$shop_id?>//)"><img src="'+ info[i]['img'] +'" /><span>'+ info[i]['name'] +'</span></a></li>\n';
//        }
//
//        if(_li !== '') _li = '<ul class="f-cb">\n'+ _li +'</ul>\n';
//        return _li;
//    }
//
//    // 创建类别
//    function createCate(info){
//
//        var _cate = '';
//        var k = 0;
//        for(var i in info){
//
//            _cate += '<a data-id="'+ i +'" href="category-list?shop_id=1001&fid=<?//=$v['fid']?>//"'+ (k === 0 ? ' class="z-on"' : '') +'>'+ info[i]['name'] +'</a>\n';
//            k++;
//        }
//        return _cate;
//    }
//
//    $(function(){
//
//        // 获取的GET参数店铺id
//        var shopId = '<?//=$shop_id?>//';
//
//        // 滑动选择
//        $('#J_transCate').transformY();
//
//        var sltTab = $('#J_sltTab');
//        var sltCnt = $('#J_sltCnt');
//        var transCate = $('#J_transCate');
//
//        // 大块选择[品类||品牌]
//        var zon = 'z-on', type = 1;
//        sltTab.on('touchend', 'span', function(evt){
//
//            var _this = $(this);
//            if(_this.hasClass(zon)) return !1;
//
//            _this.addClass(zon).siblings().removeClass(zon);
//
//            var _type = _this.attr('data-type');
//
//            var _fid = transCate.find('a').filter(function(){
//                return $(this).hasClass(zon);
//            }).attr('data-id');
//
//            $.ajax({ url: 'ajax?funcName=?', dataType:'jsonp', data:{'type':_type,'fid':_fid,'shop_id':shopId}, timeout:5000,
//
//                success: function(_info){
//
//                    var _html = '';
//                    if(_info['type'] == 1){
//                        _html = createUl(_info['list']);
//                    }else if(_info['type'] == 2){
//                        _html = createDl(_info['list']);
//                    }
//
//                    sltCnt.html(_html);
//                    transCate.html(createCate(_info['cate']));
//                }
//            });
//
//            // 保存
//            type = _type;
//
//            evt.preventDefault();
//            return false;
//        });
//
//        // 点击分类
//        transCate.on('tap', 'a', function(){
//
//            var _this = $(this);
//            if(_this.hasClass(zon)) return !1;
//
//            _this.addClass(zon).siblings().removeClass(zon);
//
//            var _fid = _this.attr('data-id');
//
//            $.ajax({ url: 'change-category-ajax?funcName=?', dataType:'jsonp', data:{'fid':_fid, 'type':type,'shop_id':shopId}, timeout:5000,
//
//                success: function(_info){
//
//                    var _html = '';
//                    if(_info['type'] == 1){
//                        _html = createUl(_info['list']);
//                    }else if(_info['type'] == 2){
//                        _html = createDl(_info['list']);
//                    }
//
//                    sltCnt.html(_html);
//                }
//            });
//        });
//    });

</script>
</body>